<script setup>
import { ref, onMounted , getCurrentInstance } from 'vue';

// 用 ref 函数定义一个 Ref实例
const accountInput = ref( null );

onMounted( () => {
    // 可以通过 Ref实例 来访问 模板中的某个组件或元素
    console.log( accountInput.value );
    console.log( getCurrentInstance() );
});
</script>

<template>
  <div class="wrapper">
      <!-- 在模板中通过 ref 属性指定引用名称 ( 与 setup 中的 Ref实例 对应) -->
      <input type="text" name="account" ref="accountInput">
  </div>
</template>

<style scoped>
.wrapper {
  margin: 15px;
  border: 1px solid #dedede;
  box-shadow: 0 0 20px -10px blue;
}
</style>